<template>
  <div>
    <el-tag>首页</el-tag>
    <div style="padding-top: 10px">
      <Monty v-bind:show="true" :num="allData.totalNumber" mess="问诊总量" style="float: left; margin-right: 30px"></Monty>
      <Monty v-bind:show="true" :num="allData.sumOfCost" mess="问诊费用总额" style="float: left; margin-right: 30px "></Monty>
      <Monty v-bind:show="true" :num="allData.talSales" mess="药品销售总额" style="float: left; margin-right: 30px "></Monty>
      <Monty v-bind:show="true" :num="allData.registeredNum" mess="挂号费用总额" style="float: left; "></Monty>
      <div style="clear:both"></div>
    </div>
    <div style="padding-top: 10px">
      <Work :all-data="allData"></Work>
    </div>
    <div style="padding-top: 10px">
      <Census></Census>
    </div>

  </div>
</template>

<script>
import Monty from "./home/Monty";
import Work from "./home/Work";
import Census from "./home/Census";

export default {
  name: "Home",
  data () {
    return {
      allData:{
        totalNumber:500,
        sumOfCost:5000,
        talSales:50000,
        registeredNum:5000,
        bePassedNum:10,
        auditDoctorNum:10,
      }
    }
  },
  methods: {
    getData(){
      this.$axios({
        method: 'GET',
        url: '/home/getData',
        params: {

        }
      }).then(data => {
        this.allData = data.data.data
        console.log(this.allData);
      })
    }
  },
  created() {
    // this.getData();
  },
  components: {
    Monty,
    Work,
    Census
  }
}
</script>
